<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ZZG源码分享网-HTML模板</title>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<!-- <link rel="stylesheet" href="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.css"/> -->
<link rel="stylesheet" type="text/css" href="../css/animate.min.css">

<script src="../jquery-3.5.1.js"></script>
<script src="../bootstrap/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<link rel="stylesheet"
	href="../bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
<!-- 我的CSS -->
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/htmlPage.css">
<!-- <link rel="stylesheet" href="../css/index.css"> -->

</head>

<body>
	<!-- ---------------------------------------------------以下为：导航条 ----------------------------------------------------------->
	<div class="index-header clearfix">
		<div class="index- fl">
			<a href=""></a>
		</div>
		<ul class="index-nav fl" id="nav">
			<li class="active"><a href="index.html">首页</a></li>
			<li><a href="#aboutUs">关于我们</a></li>
			<li><a href="htmlPage.html">HTML模板</a></li>
			<li><a href="cssPage.html">CSS特效</a></li>
			<li><a href="jqueryPage.html">jQuery代码</a></li>
			<li><a href="">联系我们</a></li>
			<li id="login-in"><a href="Login.html" target="_blank">登入</a></li>
			<li id="login-out"><a href="register.html" target="_blank">注册</a></li>
			<!-- <li><a href="service.html">服务支持</a></li> -->
		</ul>
		<div class="index-header-right fr" id="search">
			<a href="" class="search-btn">搜索</a>

		</div>
		<div class="clear"></div>
	</div>
	<!-- ------------------------------------------------------以下为：搜索框 ------------------------------------------------------>
	<div class="search_sec">
		<!-- 关闭搜索框 -->
		<a href="#" title="" class="close-search"><i class=" la-close"><img
				src="../images/icon5.png"></i></a>
		<div class="search_field">
			<div class="container">
				<form>
					<input type="text" name="search" placeholder="搜索...">
					<!-- 搜索图标 -->
					<button type="submit">
						<img src="../images/search2.png" alt="">
					</button>
				</form>
			</div>
		</div>
	</div>
	<!-- ------------------------------------------------------以上为：搜索框 ------------------------------------------------------>

	<!-- ------------------------------------------------------以上为：导航条 ------------------------------------------------------>

	<div id="mian-html">

		<div id="addr"></div>
		<div id="header">

			<ul class="list-group">
				<li class="list-group-item list-group-item-success">当前位置：首页 >
					HTML模板 ></li>
				<li class="list-group-item list-group-item-info"><h2>
						HTML模板
						</h1></li>
			</ul>
		</div>

		<div class="row" id="row">
			<div class="col-md-8">
				<div class="html-item">
					<h3>
						<a href="content.jsp">移动云存储官网网站模板</a>
						</h2>
						<p>
							<span>简介：</span> <span>移动云存储官网网站模板是一款适合服务器网上存储nas网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。</span>
						</p>
						<p class="item-des">
							大小：50M <span>时间：2020-12-03</span> <span>类别：HTML</span> <span>下载次数：50</span>
						</p>
				</div>
				<hr>
				<div class="html-item">
					<h3>
						<a href="content.jsp">公司职位招聘网站模板</a>
						</h2>
						<p>
							<span>简介：</span> <span>公司职位招聘网站模板是一款适合求职招聘网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。</span>
						</p>
						<p class="item-des">
							大小：12M<span>时间：2020-12-04</span> <span>类别：HTML</span> <span>下载次数：30</span>
						</p>
				</div>
				<hr>
				<div class="html-item">
					<h3>
						<a href="content.jsp">网站维护升级HTML页面模板</a>
						</h2>
						<p>
							<span>简介：</span> <span>网站维护升级HTML页面模板是一款网站即将上线倒计时模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢</span>。
						</p>
						<p class="item-des">
							大小：30M<span>时间：2020-12-05</span> <span>类别：HTML</span> <span>下载次数：20</span>
						</p>
				</div>
				<hr>
				<div class="html-item">
					<h3>
						<a href="content.jsp">室内设计师CSS网站模板</a>
						</h2>
						<p>
							<span>简介：</span> <span>室内设计师CSS网站模板是一款适合室内设计装潢公司网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。</span>
						</p>
						<p class="item-des">
							大小：15M<span>时间：2020-12-06</span> <span>类别：HTML</span> <span>下载次数：10</span>
						</p>
				</div>
				<hr>

			</div>

			<div class="col-md-4">
				<h2 id="rank-h2">热门排行</h2>
				<hr>

				<p>
					<span><a></a></span>
				</p>

				<p>
					<span></span>
				</p>
				<ul class="list-group">
					<li class="list-group-item list-group-item-success"><span
						class="label label-danger">1</span> <a>移动云存储官网网站模板</a></li>
					<li class="list-group-item list-group-item-info"><span
						class="label label-warning">2</span> <a>公司职位招聘网站模板</a></li>
					<li class="list-group-item list-group-item-warning"><span
						class="label label-info">3</span> <a>网站维护升级HTML页面模板</a></li>
					<li class="list-group-item list-group-item-danger"><span
						class="label label-success">4</span> <a>室内设计师CSS网站模板</a></li>
				</ul>
			</div>


		</div>


	</div>





	<!---------------------------------------------------------footer-------------------------------------------------------------->
	<div class="index-footer" id="footer">
		<div class="clearfix index-footer-info index-con">
			<div class=" fl"></div>
			<div class="lianxi fl">
				<h2>联系方式</h2>
				<p>QQ： 2911620942</p>

				<P>地址：JJU智能调度实验室</P>
				<p></p>
			</div>
			<!-- <div class="phone fl">			
						xxx
					</div> -->
			<div class="erweima fr">
				<!-- <img src="images/pic1.jpg">
						<p>二维码</p> -->
			</div>
		</div>

		<div class="index-footer-bottom">
			<div class="index-con clearfix">
				<p class="fl">版权所有 © 2020 JJU_干干</p>
				<a href="#" target="_blank" class="fr" id="designer">设计：ZZG_干干</a>
			</div>
		</div>
	</div>
	<div class="clear"></div>
	</article>
	</div>

	<script type="text/javascript"
		src="http://www.5imoban.net/download/jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src='../js/modernizr.custom.js'></script>
	<!-- 搜索框 -->
	<script src="../js/more.js"></script>
	<script
		src="http://www.5imoban.net/download/swiper/swiper-4.4.2.min.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>
	<script type='text/javascript' src='../js/base.js'></script>
	<script type="text/javascript" src='../js/app.js'></script>
	<script>
        var swiper = new Swiper('.index-banner.swiper-container', {
            speed: 600,
            parallax: true,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
        scrolly.init({
            wrapper: '#bloc',
            targets: '.scr-el',
            bgParallax: true,
            wrapperSpeed: 0.08
        });
    </script>

</body>

</html>